<template>
  <svg :width="size" :height="size" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M32.4806 27.7475C32.4806 28.9236 31.6323 29.8723 30.2302 29.8481C29.5266 29.8456 29.5811 29.8621 28.9386 29.8481C27.8133 29.8239 27.8871 29.1421 27.5213 27.7475C26.6209 24.3174 22.8123 19.8267 21.9436 19.3074C19.6538 17.9383 22.5607 18.8488 22.5607 14.4458C22.5607 13.3157 22.303 11.8958 21.8419 10.9408C21.4813 10.1928 21.1841 9.50185 22.5607 9.54638C25.2988 9.6327 27.52 11.7408 27.52 14.4458C27.52 16.1425 26.6476 17.6373 25.3217 18.5174C25.5807 18.5771 25.8436 18.6394 26.1357 18.7168C29.7768 19.776 32.4806 24.1129 32.4806 27.7475ZM25.2227 30.1504C25.2125 31.2743 24.7273 32.3931 22.8212 32.3919C18.5262 32.3881 6.48172 32.4072 4.40277 32.3919C2.07366 32.3753 2 31.2273 2 30.1504C2 24.9612 5.53939 20.3119 10.2916 18.9746C8.20004 17.8557 7.15229 15.7768 7.15229 13.3702C7.15229 9.85739 10.0478 7 13.6075 7C17.1673 7 20.0628 9.85739 20.0628 13.3702C20.0628 15.778 18.9147 17.8557 16.8232 18.9746C21.5791 20.3119 25.2734 25.0083 25.2227 30.1504Z" :fill="color"/>
  </svg>
</template>

<script setup>
import { defineProps } from 'vue';

defineProps({
  color: {
    type: String,
    default: 'rgba(255, 255, 255, 0.7)'
  },
  size: {
    type: [Number, String],
    default: 24
  }
});
</script> 